<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="css/icon.css" />
<style type="text/css">
  .inteface_body{float: left;width:50%;height: 200px;}
  form{padding: 5px;aligin:center;}
  form input{border:1px solid blue; border-radius: 5px;width: 80%;margin-top:5px;height: 25px;line-height: 25px;}
</style>
</head>
<body class="easyui-layout" style="width:100%;height:100%;">
	<div data-options="region:'north',border:false"
		style="height: 60px; background:#B4CDCD; padding: 0px">
		<h2>管理系统</h2>
	</div>
		
	<div data-options="region:'west',split:true,title:'业务模块'"
		style="width: 20%; padding: 0px;">
		<!--模块树 -->
		<div class="easyui-accordion" style="width:99%; height:100%;border:false;margin:0px;">
			<div title="查询"
				data-options="iconCls:'icon-search',collapsed:false,collapsible:false"
				style="padding: 10px;">
				<input class="easyui-searchbox" prompt="查看业务模块"
					style="width:100%; height: 25px;">
			</div>
			<div title="About" data-options="iconCls:'icon-ok'" data-options="selected:true"
				style="width:100%;padding: 10px;">
				<h3 style="color: #0099FF;">Accordion for jQuery</h3>
				<p>Accordion is a part of easyui framework for jQuery. It lets
					you define your accordion component on web page more easily.</p>
			</div>
		</div>
	   <!-- 模块树 end -->
	</div>
	
	<div data-options="region:'south',border:false"
		style="height: 30px; background:#B4CDCD; padding: 5px;">关于我们</div>
		
	<div data-options="region:'center',title:'内容'">
	   <div style="margin: 1% 0px 1% 10px;padding:0px 0px 0px 15px;">
	     <a href="#" class="easyui-linkbutton" onclick="$('#add_interface').window('open')" data-options="iconCls:'icon-add'">添加接口</a>
	     <a href="#" id="user_login" class="easyui-linkbutton" onclick="$('#login_window').window('open')" data-options="iconCls:'icon-man'">登录</a>
	     <a href="#" id="message_info" class="easyui-linkbutton" onclick="$('#message_window').window('open')" data-options="iconCls:'icon-tip'">消息</a>
	   </div>
		<div class="easyui-panel" title="基础数据"
			style="width: 100%; height: 93%;" data-options="footer:'#footer'">
		</div>
		<div id="footer" style="padding: 5px;">Footer Content.</div>
	</div>
	
	
	<div id="add_interface" class="easyui-window" title="添加接口信息" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:80%;height:80%;padding:10px;">
		<form action="/inteface/create" method="post" id="ff">
		
			 <div class="easyui-panel"  title="基础数据" style="width:100%;padding:30px 60px;">
				<input class="easyui-combobox" name="infteface_model" style="width:30%;" data-options="
						url: 'combobox_data1.json',
						method: 'get',
						valueField: 'id',
						textField: 'text',
						panelWidth: 300,
						panelHeight: 'auto',
						formatter: formatItem,
						label: '业务模块',
						labelPosition: 'left'
						"/>
			   <input class="easyui-textbox" data-options="prompt:'接口名'" style="width:20%;margin-left:10%;">
			   <input class="easyui-textbox" data-options="prompt:'备注'" style="width:20%;margin-left:10%;">
		    </div>
		    
	        <div class="inteface_body">
		        <div id="request_body" class="easyui-panel" style="width: 100%;" title="请求">
			         <input class="easyui-textbox" data-options="prompt:'请求头'" style="width:80%;margin:10px 20px;">
		        </div>
			    <div><jsp:include page="table/request_data_body.jsp"></jsp:include></div> 
	        </div>
	        
	        <div class="inteface_body" >
		        <div id="response_body" class="easyui-panel" style="width: 100%;" title="响应">
			          <input class="easyui-textbox" data-options="prompt:'响应头'" style="width:80%;margin:10px 20px;">
		        </div>
			    <div><jsp:include page="table/response_data_body.jsp"></jsp:include></div> 
	        </div>
	        
	       <div>
	         <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a>
	       </div>
	       
		</form>
	</div>
	
<div id="message_window" closed="true" class="easyui-window"  data-options="title:'消息',inline:true,minimizable:false" style="width:80%;height:80%;padding:10px;">
	<div id="cc"  class="easyui-layout" style="width:100%;height:100%;">
		<div data-options="region:'west',split:true" title="主题" style="width:200px;"></div>
		<div data-options="region:'center',title:'内容'"></div>
	</div>
</div>	

<div id="login_window" closed="true" class="easyui-window"  data-options="title:'登录',inline:true,minimizable:false" style="width:40%;height:40%;padding:10px;">
	<form action="base/login" method="post">
	  <input name="uName" ></input><br/>
	  <input type="password" name="uPassword" ></input><br/>
	  <input value="登录" type="submit" ></input>
	</form>
</div>	
	
	
</body>
<script type="text/javascript">

function formatItem(row){
	var s = '<span style="font-weight:bold">' + row.text + '</span><br/>' +
			'<span style="color:#888">' + row.desc + '</span>';
	return s;
}

function submitForm(){
	$('#ff').form('submit');
}

$(function(){
	
});
</script>
</html>